<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-AR"><!-- InstanceBegin template="/Templates/tutorial.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>¿Tablas o divs? - Tutorial Maquetado HTML</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../css/screen-black-on-white.css" media="screen" title="Negro sobre blanco" />
<link rel="alternate stylesheet" type="text/css" href="../css/screen-white-on-black.css" media="screen" title="Blanco sobre negro" />
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print" />
<meta name="author" content="Martin Alterisio &lt;malterisio777@gmail.com&gt;" />
<meta name="copyright" content="&copy; Martin Alterisio 2009" />
<link rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/ar/legalcode" />
<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../js/tutorial.js"></script>
<!-- InstanceBeginEditable name="head" -->
<meta name="date" content="2009-10-14" />
<!-- InstanceEndEditable -->
</head>

<body>
<!-- InstanceBeginEditable name="body" -->
	<div class="navegacion">
		<div>
			<a href="../index.html">Inicio</a>
			<a href="index.html">Capítulo</a>
		</div>
	</div>
	<div id="contenido">
		<h1>Fundamentos de HTML</h1>
		<h2>¿Tablas o divs?</h2>
		<p>Este no es en realidad el mejor momento en el transcurso del tutorial para responder a la pregunta <q>¿tablas o divs?</q>, y probablemente muchos ni siquiera sepan a qué se refiere esta pregunta, sin embargo prefiero responder de manera breve esta pregunta que muchos desarrolladores web se preguntan, antes de empezar a meterse en el mundo del html. Primero, conviene dar una breve explicación de que implica la pregunta <q>¿tablas o divs?</q>.</p>
		<p>Como vimos antes, el objetivo final del maquetador es entregar los documentos html construidos a manera de lograr un estilo visual preestablecido. Lograr acomodar los elementos de un documento html en un campo visual no es una tarea sencilla, especialmente porque el html no fue pensado a priori con el lenguaje visual en mente, fue algo que surgio de la necesidad del mercado. Por ello los desarrolladores web han recurrido mayormente a dos técnicas: tablas o divs.</p>
		<p>Mediante tablas los desarrolladores plantean una estructura visual en forma de grilla donde ir ubicando los elementos. Mediante divs plantean el espacio visual en cajas.</p>
		<h3>Entonces, ¿qué uso para armar mi html? ¿tablas o divs?</h3>
		<p>La respuesta es <strong>ni tablas ni divs</strong>.</p>
		<p>En realidad esta pregunta es una suerte de falso dilema, o más aún, es un error hacerse esta pregunta. La web no es un medio gráfico, es un medio textual. La forma apropiada de escribir html no implica cuestiones visuales o gráficas, luego debemos dejar de lado el resultado visual esperado y concentrarnos en los contenidos textuales del mismo.</p>
		<p>Es conveniente recordar de ahora en más que a la web como sistema no le preocupa las cuestiones gráficas, estas son responsabilidades que se le dejan al usuario final. Son los navegadores con capacidad gráfica los que deciden mostrar la web con forma enriquecida visualmente. El trabajo del maquetador apunta a lograr que estos navegadores muestren los documentos html con el diseño gráfico deseado.</p>
	</div>
	<div class="navegacion">
		<a class="anterior" href="index.html">Anterior</a>
		<a class="siguiente" href="elementos-estructurales-esenciales-de-un-documento-html.html">Siguiente</a>
	</div>
<!-- InstanceEndEditable -->
	<div id="licencia">
		<p>Esta obra está bajo una licencia Reconocimiento-No comercial-Sin obras derivadas 2.5 Argentina de Creative Commons. Para ver una copia de esta licencia, visite <a href="http://creativecommons.org/licenses/by-nc-nd/2.5/ar/">http://creativecommons.org/licenses/by-nc-nd/2.5/ar/</a> o envie una carta a Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.</p>
	</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-1794443-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
<!-- InstanceEnd --></html>
